import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
// 首先声明一个状态 state
const state = {
  id: '',
  //用户名
  username:'',
  //是否登录,初始化为0，代表没有登录
  isLogin:0
}
// 然后给 actions 注册一个事件处理函数，当这个函数被触发时，将状态提交到 mutaions中处理
const actions = {
  saveGsInfoId({commit}, id) {
    commit('saveGsinfoId', id)    // 提交到mutations中处理
  },
  //
  saveUserName({commit},username){
    commit('saveUserName',username)
  },
}
// 更新状态
const mutations = {
  saveGsinfoId(state, id) {
    state.id = id;
  },
  //保存用户名方法
  saveUserName(state,username){
    state.username = username
  },
  changeLogin(state,data){
    state.isLogin = data;
  }
}
// 获取状态信息
const getters = {
  showState(state) {
    return  state.id
  },
  showUserName(state){
    return state.username
  }
}


// 下面这个相当关键了，所有模块，记住是所有，注册才能使用
export default new Vuex.Store({
  state,
  getters,
  mutations,
  actions
})

